<div class="bd">
    <#list page.content as c>
    <li class="rev-item comment-item clearfix">
        <div class="user"><a class="avatar" href="/mine/otherspage?id=${c.userId!}" target="_blank"><img
                src=${c.headUrl!}
                width="48" height="48"></a><span class="level">${c.level!}</span></div>
        <a class="useful on" data-cid=${c.id} title="点赞">
            <i></i><span class="useful-num">${c.thumbNum!}</span>
        </a>
        <a class="name" href="/u/52068941.html" target="_blank">${c.username!}</a>
        <span class="s-star s-star${c.totalScore!}"></span>
        <p class="rev-txt">${c.comment!}</p>


        <div class="rev-img">
            <#list  c.imgList! as img>
                <a href="/photo/poi/25091_440424016.html" target="_blank"><img
                        src=${img}
                        width="200" height="120"></a>
            </#list>
        </div>

        <div class="info clearfix">
            <a class="btn-comment _j_comment" data-c=${c.id} data-a=${c.userId!} data-b=${c.username}
               title="添加评论">评论</a>
            <span class="time">${c.createTime!?string("yyyy-MM-dd")}</span>
        </div>

        <div class="comment add-reply">
            <ul class="more_reply_box comment_list">
                <#if c.reply??>
                <#list c.reply! as rep>
                    <li>
                        <a href="/u/?id=${rep.currentUserId!}" target="_blank">
                            <img src=${rep.currentUserHeadImg!}
                                 width="16" height="16">${rep.currentUserName!}
                        </a>
                        回复${rep.prevUserName!}：${rep.content!}
                        <a class="_j_reply re_reply" data-c=${c.id} data-a=${c.userId!} data-b=${c.username}
                            title="添加回复">回复</a>
                        <br><span class="time">${rep.createTime!?string("yyyy-MM-dd")}</span>
                    </li>
                 <div class="add-comment hide reply-form">
                                        <textarea class="comment_reply" data-comment_id="191407415"
                                                  data-comment_username="红袖·紫月" data-poi_id="25091" data-poi_name="广州塔"
                                                  data-parent_id="" data-parent_uid="" data-parent_username=""
                                                  style="overflow: hidden; color: rgb(204, 204, 204);"></textarea>
                     <a class="btn btn_submit_reply">回复</a>
                 </div>
                </#list>
                </#if>
            </ul>
            <div class="add-comment hide reply-form" >
                                        <textarea class="comment_reply" data-comment_id="191407415"
                                                   data-poi_id="25091"
                                                   data-parent_uid=""
                                                  style="overflow: hidden; color: rgb(204, 204, 204);"></textarea>
                <a class="btn btn_submit_reply" >回复</a>

            </div>
        </div>
    </li>
    </#list>
</div>

<input type="hidden" name="qo" id="qo">
<div style="float: right">
    <div style="float: left;"><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span>
    </div>
    <div id="pagination" class="jq-pagination" style="display: inline;"></div>
</div>
            <script>
                $(function () {
                    //评论点赞
                    //顶
                    $(".useful").click(function () {
                        var _this = $(this);
                        var commentId = $(this).data("cid");
                        $.get("/scenic/commentThumbUp", {commentId: commentId}, function (data) {
                            if (data.success) {
                                $(_this).children().next().html(data.data);
                                popup("赞成功啦"); //
                            } else {
                                if (data.code == 102) {
                                    popup(data.msg);
                                } else {
                                    popup("今天你已经赞过了"); //
                                }
                            }
                        })
                    })

                    $(".re_reply").click(function () {
                        $(this).parent().next().removeClass("hide");
                        var id = $(this).data("c");
                        var prevUserId = $(this).data("a");
                        var prevUserName = $(this).data("b");
                        $("#id").val(id);
                        $("#prevUserId").val(prevUserId);
                        $("#prevUserName").val(prevUserName);
                    })

                    $("._j_comment").click(function () {
                        $(this).parent().next().children().removeClass("hide");
                        var id = $(this).data("c");
                        var prevUserId = $(this).data("a");
                        var prevUserName = $(this).data("b");
                        $("#id").val(id);
                        $("#prevUserId").val(prevUserId);
                        $("#prevUserName").val(prevUserName);
                    })
                    $(".btn_submit_reply").click(function () {
                        var content = $(this).prev().val();
                        $("#content").val(content);
                        $("#searchForm").submit();

                    })
                })
                $("#pagination").jqPaginator({
                    totalPages: ${page.totalPages!0},
                    visiblePages: 5,
                    currentPage: ${page.number+1}|| 1,
                        prev
                :
                '<a class="prev" href="javascript:void(0);">上一页<\/a>',
                        next
                :
                '<a class="next" href="javascript:void(0);">下一页<\/a>',
                        page
                :
                '<a href="javascript:void(0);">{{page}}<\/a>',
                        last
                :
                '<a class="last" href="javascript:void(0);" >尾页<\/a>',
                        onPageChange
                :

                function (page, type) {
                    if (type == 'change') {
                        $("#currentPage").val(page);
                        $("#searchForm").submit();
                    }
                }
                })
            </script>